/* @import url('normalize.css'); */

.f {
	color: black;
	font-size: 0.5rem;
	font-weight: bold;
	margin: .333rem;
}

.i {
	width: 100%;
	height: 7.9333rem;
}

.p {
	font-size: 17px;
	font-weight: 550;
	letter-spacing: 0.5px;
	color: #87bc71;
	/* margin-top: .2667rem; */
}

.iauto {
	width: 100%;
	height: auto;
}

.i2 {
	width: 100%;
	height: 800rpx;
}

.flex {
	display: flex;
}

.flex-start {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.flex-colum-start {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.flex-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex-end {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.flex-between1 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-colum-center {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.ct {
	display: inline-block;
	font-size: 30rpx;
	font-weight: 600;
	color: #fff;
	margin: 27rpx 0rpx;
	padding-bottom: 10rpx;
	/* border-bottom: 2px solid #fff; */
}

.ctactive {
	/* border-bottom: 2px solid red; */
	color: orange;
}

.w100 {
	width: 100%;
	height: auto;
}

.pimg {
	width: 100%;
	border-radius: .3333rem;
	overflow: hidden;
	padding-bottom: .5333rem;
}

.bg {
	background-image: url('@/static/image/bg.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 20rpx 0rpx 0rpx 0rpx;
	box-sizing: border-box;
}

.zg {
	background-color: rgba(0, 0, 0, .2);
	background-size: 100% 100%;
}